<div class="prepaid-voucher">
    <div class="grid-header">
        <div class="grid-title" *ngFor="let column of columns">{{column.title}}</div>
    </div>
    <div class="grid-container">
        <div class="grid-item" *ngFor="let row of rows">
            <div class="grid-itemInfo">{{row.displayIndex}}</div>
            <div class="grid-itemInfo">{{row.amount}}</div>
            <div class="grid-itemInfo">{{row.displayAmount}}</div>
            <div class="grid-itemInfo">
                <button class="action-btn btn-invalid" style="margin-right: 10px;" *ngIf="row.isActive == '0'" (click)="IsEnable(row.id, row.isActive)">目前禁用</button>
                <button class="action-btn" style="margin-right: 10px;" *ngIf="row.isActive == '1'" (click)="IsEnable(row.id, row.isActive)">目前启用</button>
            </div>
            <div class="grid-itemInfo">
                <input type="radio" name="{{row.id}}" [(ngModel)]="row.isDefault" value="1" (click)="IsDefault(row.id)">
            </div>
            <div class="grid-itemInfo">
                <button class="action-btn" (click)="openEditModal(row.id)">编辑</button>
            </div>
        </div>
    </div>
</div>

<!--修改-->
<div bsModal #pvModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"
    [config]="{backdrop: 'static'}">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title pull-left">编辑充值档</h4>
                <button type="button" class="close pull-right" (click)="pvModal.hide()" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
            </div>
            <div class="modal-body">
                <prepaid-voucher-edit-form #editForm (closeModal)="closeModal()"></prepaid-voucher-edit-form>
            </div>
        </div>
    </div>
</div>